<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>选择题目</title>
    <link href="./css/bootstrap.css" rel="stylesheet">
    <link href="./css/font-awesome.css" rel="stylesheet">
    <link href="./css/main.css" rel="stylesheet">
    <link href="./css/bootstrap-datetimepicker.css" rel="stylesheet" media="screen">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/jquery.pin.js"></script>
    <script type="text/javascript" src="./js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="./js/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

</head>

<body>
    <!--导航栏-->
    <div class="navbar navbar-njust navbar-fixed" role="navigation">
        <div class="container clearfix">
            <div class="navbar-header">

                <div class="navbar-brand">
                    <i class="fa fa-cubes"></i>
                    <h4 id="maintitle">课程考试系统</h4>
                </div>
            </div>

            <div class="navbar-collapse collapse">

                <ul class="nav navbar-nav" style="margin-left:210px">
                    <li class="pull-left">
                        <a href="home.html">首页</a>
                    </li>

                    <li class="pull-left">
                        <a href="teacher.html">课程考试</a>
                    </li>
                    <li class="pull-left active">
                        <a href="#">新建考试</a>
                    </li>

                </ul>
                <div class="list-unstyled pull-right clearfix dropdown" style="margin-top:25px">
                    <li class="dropdown-toggle " id="dropdownMenu1" data-toggle="dropdown">
                        <a href="" style="width:200px">欢迎您，***老师</a> 
                    </li>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="EditInfo.html">我的账户</a>
                        </li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">注销</a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

    </div>

    <div class="container">


        <div class="row" id="paper">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-2">
                        <h3>选择题</h3>
                    </div>
                    <div class="col-md-1">
                        <button type="button" class="btn btn-primary">增加</button>
                    </div>
                    <div class="col-md-1">
                        <button type="button" class="btn btn-danger" id="chosedele-xuanze">选择</button>
                    </div>
                    <div class="col-md-1">
                        <button type="button" class="btn btn-danger" style="display:none" id="confirmdele-xuanze">确认选择</button>
                    </div>
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                </div>
                
				<div class="row">
                    <div class="col-md-1">
                        <input type="checkbox" class="check-xuanze" style="display:none" />
                    </div>
                    <div class="col-md-8">
                        <pre>1.一个C程序的执行是从_____。   
A)本程序的main函数开始,到main函数结束               B)本程序文件的第一个函数开始,到本程序文件的最后一个函数结束  
C)本程序的main函数开始,到本程序文件的最后一个函数结束  D)本程序文件的第一个函数开始,到本程序main函数结束</pre> 
                    </div>
                    <div class="col-md-1">
                        <div class="row">
                            <div class="col-md-12">知识点</div>
                            <div class="col-md-12"><span class="label label-info">并查集</span>
                            </div>
                            <div class="col-md-12"><span class="label label-info">克鲁斯卡尔</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1">
                        难度：
                    </div>
                    <div class="col-md-1">
                        分值：
                    </div>
                </div>
            
			</div>


        </div>

    </div>
    <!--页脚-->
    <footer class="footer clearfix">
        <div class="container">
            <ul class="list-unstyled list-inline pull-left">
                <li>
                    <a href="#">FAQ</a>
                </li>
                <li>
                    <a href="#">Git</a>
                </li>
                <li>
                    <a href="#">Blog</a>
                </li>
            </ul>
            <p class="pull-right">@ 2014 软件项目管理团队</p>

        </div>
    </footer>

    <script>
        $(document).ready(function () {
            $(".item").click(function () {
                $(this).parent().parent().siblings("button").html($(this).text() + '<span class="caret"></span>');
            });

        });
    </script>
    <script type="text/javascript">
        $(".form_datetime").datetimepicker({
            format: "yyyy/mm/dd - hh:ii",
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        });
    </script>
    <script>
        $("#confirm").click(function () {
            $("#paper").show("slow")
        })
         $("#chosedele-xuanze").click(function () {
            $("#confirmdele-xuanze").toggle("slow")
            $(".check-xuanze").toggle("slow")
        })
         $("#chosedele-tiankong").click(function () {
            $("#confirmdele-tiankong").toggle("slow")
            $(".check-tiankong").toggle("slow")
        })
         $("#chosedele-jianda").click(function () {
            $("#confirmdele-jianda").toggle("slow")
            $(".check-jianda").toggle("slow")
        })
    </script>



</body>

</html>